@import './variables';
.ant-spin-nested-loading {
    height:100%;
    .ant-spin-container {
        height:100%;
    }
}
.platform {
    height:100%;
    padding-top:50px;
    .dim-new-time {
        width:220px;
        margin-left:10px;
        margin-bottom: 20px;
        .ant-input {
            height:28px;
        }
        .name {
            font-weight: bold;
            padding:10px 0 ;
            font-size: 15px;
        }
        
        .ant-btn-primary {
            height:28px;
            background:$primary-color;
            border-color:$primary-color;
        }
    }
    .sync-btn {
        padding-top:50px;
        padding-left: 10px;
        .ant-btn-primary {
            height:28px;
            background:$primary-color;
            border-color:$primary-color;
        }
    }
    .module-name {
        margin-top:-50px;
        width:50%;
        margin-bottom: 10px;
    }
    .platform-layout {
        height:100%;
        .toolbar {
            height:64px;
            background: #f4f7fc;
            padding-left:20px;
            margin-left:10px;
            .ctrl-btn {
                .item {
                    float:left;
                    width:50px;
                    height:46px;
                    text-align: center;
                    margin-right:10px;
                    position: relative;  
                    padding-top:24px;
                    border-radius: 3px;  
                    margin-top:9px; 
                    cursor: pointer;   
                    .iconfont {
                        font-size:20px;
                        position: absolute;
                        top:50%;
                        left:50%;
                        transform: translate(-50%,-50%);
                        line-height: 46px;
                    }
                    .name {
                        font-size:12px;
                        line-height: 22px;
                        display: none;
                    }
                }
                .upload-btn2 {
                    float:left;
                    width:50px;
                    height:46px;
                    text-align: center;
                    margin-right:10px;
                    position: relative;
                    .item {
                        .name {
                            color:#222;
                        }
                    }
                }
                .item:hover,.active {
                    background:#fff;
                    border:1px solid #fff;
                    .iconfont {
                        top:20%;
                        left:50%;
                        transform: translate(-50%,-30%);
                    }
                    .name {
                        display: block;
                    }
                }
                .item.disabled {
                    cursor: not-allowed;
                }
            }
        }
        .cubeInfo {
            padding:0 20px;
            dt {
                font-weight: bold;
                line-height: 40px;
                padding-bottom: 20px;
            }
            .label {
                float:left;
                width:130px;
            }
        }
    }
}
.input-data.handsontable {
    .icon-info {
        display: none;
    }
}